<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ChangePassword.aspx.vb" Inherits="ChangePassword" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Change Password</title>
    <style type="text/css">
    
        .appName {
            font-family: Arial, MS Sans Serif, Verdana, Sans-Serif;
            font-size: 1.8em;
            font-weight: bold;
            background-image: url(images/gradient.jpg);
        }
        
        .appDept {
            font-family: Arial, MS Sans Serif, Verdana, Sans-Serif;
            font-size: 0.4em;
            font-weight: bold;
        }
        
        .loginFrame {
            background-color: WhiteSmoke;
            text-align: center;
            vertical-align: middle;
            border: 1px solid DarkGray;
        }
        
        .loginSection {
            font-family: verdana;
            font-size: 0.8em;
        }
    
    </style>
</head>
<body style="margin: 0px;">
    
    <form id="Form1" runat="server">
    <div style="position:relative; left:40px; top:40px;">
        <table width="800" style="border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid">
            <tr>
                <td valign="top" colspan="2">
                    <table width="100%" border="0" cellpadding="7" cellspacing="0">
                        <tr>
                            <td style="width: 782px" class="appName">
                                <asp:Label ID="AppNameLabel" runat="server"></asp:Label>
                                <br />
                                <asp:Label ID="DeptNameLabel" runat="server" CssClass="appDept"></asp:Label>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td align="left" style="width: 45%">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="width: 45%; padding-left: 20px;" align="center">
                    <table width="380" border="0" cellpadding="10" cellspacing="0" class="loginFrame">
                        <tr>
                            <td align="left" style="font-weight: bold; font-family: Verdana">
                                Change Password</td>
                        </tr>
                        <tr>
                            <td>
           <table border="0" cellpadding="4" cellspacing="0" class="loginSection">
               <tr>
                   <td align="left">
                       <asp:Label ID="UserIdLabel" runat="server" AssociatedControlID="UserIdTextBox" Text="User ID:"></asp:Label></td>
                   <td align="left">
                       <asp:TextBox ID="UserIdTextBox" runat="server" Width="150px"></asp:TextBox>
                       <asp:RequiredFieldValidator ID="UserIdRequiredFieldValidator" runat="server" ControlToValidate="UserIdTextBox"
                           ErrorMessage="*" ForeColor="Firebrick" ToolTip="User Id is a required field."></asp:RequiredFieldValidator></td>
               </tr>
               <tr runat="server" id="trOldPassword"><td align="left">
                   <asp:Label ID="OldPasswordLabel" runat="server" AssociatedControlID="OldPasswordTextBox" Text="Old Password:"></asp:Label></td><td align="left"><asp:TextBox ID="OldPasswordTextBox" runat="server" Width="150px" TextMode="Password" MaxLength="50"></asp:TextBox>
                <asp:RequiredFieldValidator ID="OldPwdRequiredFieldValidator" runat="server" ControlToValidate="OldPasswordTextBox"
                    ErrorMessage="*" ForeColor="Firebrick" ToolTip="Old password is a required field."></asp:RequiredFieldValidator></td></tr>
            <tr runat="server" id="trNewPassword"><td align="left">
                <asp:Label ID="NewPasswordLabel" runat="server" AssociatedControlID="NewPasswordTextBox" Text="New Password:"></asp:Label></td><td align="left">
            <asp:TextBox ID="NewPasswordTextBox" runat="server" TextMode="Password" Width="150px" MaxLength="50"></asp:TextBox>
                <asp:RequiredFieldValidator ID="PasswordRequiredFieldValidator" runat="server" ControlToValidate="NewPasswordTextBox"
                    ErrorMessage="*" ForeColor="Firebrick" ToolTip="New Password is a required field."></asp:RequiredFieldValidator></td></tr>
               <tr runat="server" id="trConfirmPassword">
                   <td align="left">
                       <asp:Label ID="ConfirmNewPasswordLabel" runat="server" AssociatedControlID="ConfirmNewPasswordTextBox"
                           Text="Confirm New Password:"></asp:Label></td>
                   <td align="left">
                       <asp:TextBox ID="ConfirmNewPasswordTextBox" runat="server" TextMode="Password" Width="150px" MaxLength="50"></asp:TextBox>
                       <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="ConfirmNewPasswordTextBox"
                           ErrorMessage="*" ForeColor="Firebrick" ToolTip="Confirm password is a required field."></asp:RequiredFieldValidator></td>
               </tr>
               <tr runat="server" id="trChangePassword">
                   <td>
                   </td>
                   <td align="left">
            <asp:Button ID="ChangePasswordButton" runat="server" Text="Change" Width="120px" /></td>
               </tr>
               <tr>
                   <td>
                   </td>
                   <td align="left">
                        <asp:Label ID="ErrorLabel" runat="server" ForeColor="Red" Visible="False" Font-Names="Verdana" Font-Size="Smaller"></asp:Label>
                        <br />
                        <asp:Panel ID="SuccessPanel" runat="server" Visible="False">
                            <asp:Label ID="MessageLabel" runat="server" Font-Names="Verdana" Font-Size="Small" ForeColor="Navy"></asp:Label>
                            <br />
                            <asp:Button ID="ProceedButton" runat="Server" Text="Proceed" CausesValidation="False" />
                        </asp:Panel>
                      </td>
               </tr>
           </table>
                </td>
                        </tr>
                    </table>
                </td>
                <td align="center" valign="middle">
            <asp:Image ID="imgLogo" AlternateText="Logo - State of Rhode Island Department of Human Services" runat="server"/></td>
            </tr>
            <tr>
                <td style="width: 45%">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
    </div>   
    </form>
</body>
</html>
